<template>
  <div>
    <!-- 组件在调用的时候可以用单标签,也可以用双标签 什么时候用双标签,当有插槽的时候 -->
    <!-- 双标签的内容就是插槽的东西 -->
    <MyCeshi>
      <template v-slot:left>111</template>
      <template v-slot:right>2222</template>
      <template v-slot:default>333</template>
    </MyCeshi>

    <!-- 简写 -->
    <MyCeshi>
      <template #left>111</template>
      <template #right>2222</template>
      <template #default>333</template>
    </MyCeshi>

    <MyCeshi>
      <template #left>111</template>
      <template #right>2222</template>
      <template>333</template>
    </MyCeshi>
  </div>
</template>

<script>
// v-bind:href -> 属性绑定 :href
// v-on:click -> 事件绑定 @click
// v-slot:left -> 插槽绑定 #left

// 什么是插槽:组件中有部分内容需要由用户自己来决定
import MyCeshi from "./components/MyCeshi.vue";
export default {
  components: {
    MyCeshi,
  },
  data() {
    return {};
  },
  methods: {},
};
</script>

<style scoped></style>
